<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<title>Yearly Calendar</title>
		<style type="text/css">
			/* GRAYSCALE 000 333 555 666 999 fff */
			/* COLOR A4C639 */

			html,body{width:100%;height:100%;font-size:18pt;margin:0;background:#000;font-family:consolas,"Lucida Console",monospace;}

			#cal{color:#fff;}
			#cal div{float:left;margin:40px;width:25%;}
			#cal table{width:100%;text-align:center;border-collapse:collapse;}
			#cal table tr.weekdays{color:#999;}
			#cal table td{width:14.25%;/* 1/7 */}
			#cal table td.today{background:#A4C639;color:#000;}
			#cal table td.nextmonth,#cal table td.previousmonth{color:#555;}

		</style>
		<script type="text/javascript" src="tgd/Utilities/StringBuilder.js"></script>
		<script type="text/javascript" src="tgd/Utilities/Calendar/DayNames.js"></script>
		<script type="text/javascript" src="tgd/Utilities/Calendar/MonthNames.js"></script>
		<script type="text/javascript" src="tgd/Utilities/Calendar/Month.js"></script>
		<script type="text/javascript" src="tgd/Utilities/Calendar/Views/HTMLMonth.js"></script>
		<script type="text/javascript" src="tgd/Utilities/Calendar/Views/MonthPicker.js"></script>
		<script type="text/javascript" src="tgd/Utilities/Calendar/Views/TodayPicker.js"></script>
		<script type="text/javascript">
			//<![CDATA[

			function init() {
				var calDiv = document.getElementById("cal");
				var monthCal;
				var calView;

				var currentYear = new Date().getFullYear();

				for (var i = 0; i < 12; ++i) {
					var div = document.createElement("div");
					monthCal = new tgd.Utilities.Calendar.Month(currentYear, i);
					calView = new tgd.Utilities.Calendar.Views.HTMLMonth(div, monthCal);
					calDiv.appendChild(div);
				}
			}

			//]]>
		</script>
	</head>
	<body id="body"  onload="init();">
		<div id="cal"></div>
	</body>
</html>
